.section {
    overflow: hidden;
}
.section .section-title{
    display: flex;
    align-items: center;
}
.section .section-title >i{
    margin-left: 6px;
}
.section .section-title .title-name{
    padding-left: 4px;
    flex:1;
}
.en_US .section .section-title .title-name{
    font-size: 20px;
}
.section .section-title .kmi-button--icon{
    height: 36px;
    width: 36px;
    margin-left: 0px;
}
.section .section-title .material-icons,
.section .section-title .kmi-button--icon .material-icons{
    font-size: 28px;
    /* color:#e99ebc; */
    color:black;
}
.is-closed .section .section-title .close,
.section.is-closed .section-title .close,
.section .section-title .open,
.is-opened .section .section-title .close{
    display: none;
}
.is-closed .section .section-title .open,
.section.is-closed .section-title .open,
.is-opened .section .section-title .open{
    display: initial;
}
.section .kmi-list__header{
    margin:0px;
}
.section .kmi-list__column.column-button{
    padding: 0 0;
    display: flex;
}
.section .kmi-list__column.column-border.column-button{
    border-right: 0px solid #eaebeb;
}
.section .kmi-list__column.column-button i.material-icons{
    /*background: gray;*/
    border-radius: 50%;
    font-size: 20px;
    cursor: pointer;
}
.section .kmi-list__column.column-button div{
    flex: 1;
    align-self: center;
    padding-left: 4px;
    cursor: pointer;
}
.section .kmi-list__column.column-border.column-button div{
    border-right: 1px solid #eaebeb;
}
/****productionInfo****/
.section.productInfo .section-content{
    /*20190219 modify by Dustdusk for M#55082: 修正Android 無法活動生產資訊的問題*/
    /*overflow: hidden;*/
    font-size: 1rem;
    display:block;
    padding: 8px; 
    border-top: 1px solid #cccccc;
}
.section.productInfo .dashboard-fields{
    margin-bottom: 4px;
    display: flex;
}
.section.productInfo .dashboard-fields.next_op_no .material-icons{
    /* color:#e99ebc; */
    color: black;
    font-size: 20px;
    cursor: pointer;
}
.section.productInfo .dashboard-fields .label{
    /*width: 60px;*/
    white-space: nowrap;
    font-weight: 600;
}
.en_US .section.productInfo .dashboard-fields .label{
    padding: 0 6px;
}
/****workOperator****/
.section.workOperator .section-title{
    display: flex;
}
.section.workOperator .title_info{
    font-size: 1rem;
    display: flex;
    align-items: center;
    padding: 4px;
    flex: 1;
}
.section.workOperator .kmi-list{
    border:0px;
    border-top: 1px solid #cccccc;
    border-radius: 0px;
}
/****workMaterial****/
.section.workMaterial .kmi-list__row-content{
    height: calc(100% - 12px);
}
.section.workMaterial .kmi-list__row{
    height: auto;
    /* flex-wrap: wrap; */
    padding: 8px;
    flex-direction: column;
}
.section.workMaterial .kmi-list__row.material-warn{
    background : #db4b3c;
    color : white;
}
.section.workMaterial .kmi-list{
    border:0px;
    border-top: 1px solid #cccccc;
    border-radius: 0px;
}
.section.workMaterial .kmi-list__row .kmi-list__column{
    width: 100%;
    padding-left: 0px;
    display: flex;
}
.section.workMaterial .kmi-list__row .kmi-list__column .column-item{
    display: flex;
    flex: 1;
    flex-wrap: wrap;
}
.section.workMaterial .kmi-list__row .kmi-list__column .column-item.left{
    margin-right: 8px;
    border-right: 1px solid rgb(208, 208, 208);
    justify-items: flex-start;
}
.section.workMaterial .kmi-list__row .kmi-list__column .column-item.right{
    justify-items: flex-end;
}
.section.workMaterial .kmi-list__row .kmi-list__column .label{
    font-weight: 600;
    font-size: 16px;
    white-space: nowrap;
}
.section.workMaterial .kmi-list__row .kmi-list__column .value {
    white-space: normal;
}
/****workMaterialOp****/
.section.workMaterialOp .kmi-list__row-content{
    height: calc(100% - 12px);
}
.section.workMaterialOp .kmi-list__row{
    height: auto;
    /* flex-wrap: wrap; */
    padding: 8px;
    flex-direction: column;
    align-items: initial;
}
.section.workMaterialOp .kmi-list__row.material-warn{
    background : #db4b3c;
    color : white;
}
.section.workMaterialOp .kmi-list{
    border:0px;
    border-top: 1px solid #cccccc;
    border-radius: 0px;
}
.section.workMaterialOp .kmi-list__row .kmi-list__column{
    display: flex;
    padding-left: 0px;
}
.section.workMaterialOp .kmi-list__row .kmi-list__column .column-item{
    display: flex;
    flex: 1;
    flex-wrap: wrap;
}
.section.workMaterialOp .kmi-list__row .kmi-list__column .column-item.left{
    margin-right: 8px;
    border-right: 1px solid rgb(208, 208, 208);
    justify-items: flex-start;
}
.section.workMaterialOp .kmi-list__row .kmi-list__column .column-item.right{
    justify-items: flex-end;
}
.section.workMaterialOp .kmi-list__row .kmi-list__column .label{
    font-weight: 600;
    font-size: 16px;
    white-space: nowrap;
}
.section.workMaterialOp .kmi-list__row .kmi-list__column .value {
    white-space: normal;
}
/****workLog****/
.section.workLog .section-title{
    display: flex;
}
.section.workLog .section-title .title-name{
    flex: initial;
}
.section.workLog .section-title .section-title-block{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    align-self: stretch;
}
.section.workLog .section-title .section-title-block >i{
    margin-left: 6px;
}
.section.workLog .section-title .kmi-text-fields{
    flex: 1;
    margin: 0 8px;
}
.section.workLog .kmi-list{
    border-radius: 0px;
    border-width: 1px 0px;
}
.section.workLog .kmi-list .btn-filter .material-icons{
    font-size: 16px;
    cursor: pointer;
}
.section.workLog .section-title .kmi-text-fields.qr-code > input{
    font-size : 13px;
    background: #f7f7f7;
}
.kmi-text-fields.qr-code > input:FOCUS{
    border-radius: 0px;
    border-bottom: 2px solid #1ab7cd;
}
.section.workLog .kmi-list__row {
    height: 40px;
}
.section.workLog .kmi-list__row .kmi-list__column{
    font-size:0.9rem;
}
.section.workLog .kmi-list__row .kmi-list__column .none{
    display: none;
}
.section.workLog .kmi-list__row .kmi-list__column .cross{
    display: initial;
    font-size: 35px;
    color: #000000;
    position: absolute;
}
.section.workLog .log-status-c {
    background-color: #d7d6d6;
}
.section.workLog .log-priority {
    color: #db4b3c;
}
/****machineStatus****/
.section.machineStatus .kmi-list{
    border:0px;
    border-top: 1px solid #cccccc;
    border-radius: 0px;
}

/****Machine Status Plus****/
.section.machineStatusPlus{
    flex:1;
    margin: 6px 0 0 0;
}
.section.machineStatusPlus.is-closed{
    flex: 0 0 44px;
}
.section .kmi-list__row .kmi-list__column .stamp-icons{
    border-radius: 50%;
    border: 2px solid #dcdddd;
    height: 18px;
    padding: 4px 6px;
    color: #ffffff;
    width: 16px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}
.section .kmi-list__row.select-machine{
    box-sizing: border-box;
    /*border: white 1px solid;*/
    background: #1ab7cd;
    color: white;
}
.section.machineStatusPlus .kmi-list{
    border-width: 1px 0px;
}
/****accessory****/
.section.accessory .kmi-list .start:nth-child(even),
.section.accessory .kmi-list .end:nth-child(odd){
    background: #ffffff;
}
.section.accessory .kmi-list .start:nth-child(odd),
.section.accessory .kmi-list .end:nth-child(even){
    background: rgba(245, 248, 250, 1);
}
.section.accessory .kmi-list{
    border:0px;
    border-top: 1px solid #cccccc;
    border-radius: 0px;
}
/*********************************************/
.section .dashboard-light-panel{
    line-height: initial;
}
.section .dashboard-light-panel.status_0{
    /*加工*/
    /* color: #4f74b9; */
    /* background: #68bd84; */
    background: #6ABE83;
}
.section .dashboard-light-panel.status_1{
    /*閒置*/
    /* color: #68bd84; */
    /* background: #f6cf5a; */
    background: #FFB549;
}
.section .dashboard-light-panel.status_2{
    /*故障*/
    /* background: #db4b3c; */
    background: #DD4264;
}
.section .dashboard-light-panel.status_3{
    /*保養*/
    /* background: #e67432; */
    background: #F78D3F;
}
.section .dashboard-light-panel.status_4{
    /* color: #8b4513; */
    /*關機*/
    /* background: #666666; */
    background: #6B778D;
}
.section .dashboard-light-panel.status_5{
    /*暫停*/
    /* background: #ba55d3; */
    background: #996699;
}
.section .dashboard-light-panel.status_6{
    /*維修*/
    /* color: #f6cf5a; */
    /* background: #4f74b9; */
    background: #1F6ED4;
}
.section .dashboard-light-panel.status_7{
    /*設置*/
    /* background: #ff69b4; */
    background: #EF5285;
}
.section.dashboard_info{
    flex:0 0 97px;
    padding-left: 32px;
}
.section.dashboard_info.is-closed{
    flex:0;
    border-width: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
}
.section.dashboard_info .material-icons{
    /*color:#1ab7cd;*/
    /*font-size: 20px;*/
    cursor: pointer;
}
.section.dashboard_info .close-btn{
    position: absolute;
    width: 32px;
    height: 32px;
    left:0px;
    top:4px;
    text-align: center;
    /*padding-top: 4px;*/
    box-sizing: border-box;
}
.section.dashboard_info .close-btn .open{
    display: none;
}
.section.dashboard_info.is-closed  .close-btn .open{
    display: initial;
}
.section.dashboard_info.is-closed .close-btn .close{
    display: none;
}
.section.dashboard_info .section-content{
    flex-direction: row;
}
.section.dashboard_info .dashboard-info_panel{
    padding-top: 4px;
}
.section.dashboard_info .dashboard-info_panel .label{
    font-weight: 600;
}
.section.dashboard_info .dashboard-list{
    flex: 1;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    border-left: 1px solid #cccccc;
    background: #efefef;
}
.section.dashboard_info .dashboard-list .ps-scrollbar-content{
    white-space: nowrap;
}
.section.dashboard_info .dashboard-list .dashborad-item{
    border-right: 1px solid #cccccc;
    background: #ffffff;
    display: inline-block;
    vertical-align: top;
}
.section.dashboard_info .mdl-dashboard.green  div.dashboard-light-panel.big,
.section.dashboard_info .mdl-dashboard.green  .mdl-dashboard-bottom{
    background: #68bd84;
}
.section.dashboard_info .mdl-dashboard.yellow  div.dashboard-light-panel.big,
.section.dashboard_info .mdl-dashboard.yellow  .mdl-dashboard-bottom{
    background: #f6cf5a;
}
.section.dashboard_info .mdl-dashboard.red  div.dashboard-light-panel.big,
.section.dashboard_info .mdl-dashboard.red  .mdl-dashboard-bottom{
    background: #db4b3c;
}
/****countInfo****/
.section.countInfo .section-content{
    /*20190219 modify by Dustdusk for M#55082: 修正Android 無法活動生產資訊的問題*/
    /*overflow: hidden;*/
    font-size: 16px;
    display:block;
    padding: 8px;
    border-top: 1px solid #cccccc;
}
.section.countInfo .dashboard-fields{
    margin-bottom: 4px;
    display: flex;
    justify-content: space-between;
}
.section.countInfo .dashboard-fields.next_op_no .material-icons{
    color:#1ab7cd;
    font-size: 20px;
    cursor: pointer;
}
.section.countInfo .dashboard-fields .label{
    /*width: 60px;*/
    white-space: nowrap;
    font-weight: 600;
}

.B0214-content .dashboard-light-panel.big,.B0215-content .dashboard-light-panel.big {
    font-size: 20px;
}

